// pages/volunteer/detail/index.js
import * as echarts from '../../../components/ec-canvas/echarts.min';
const {
  analyseRational,
  analyseBatch,
  analyseRecruit,
  analyseEmployment
} = require('../../../api/ai')
// 格式化时间
function time() {
  var date = new Date()
  var year = date.getFullYear()
  var month = date.getMonth() + 1
  var day = date.getDate()
  var week = date.getDay()
  var hour = date.getHours()
  var minute = date.getMinutes()
  var second = date.getSeconds()
  return [year, month, day].map(formatNumber).join('-') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}

function formatNumber(n) {
  n = n.toString()
  return n[1] ? n : '0' + n
}

function setOption(chart,xData,yData) {
  const option = {
    grid: {
      top: 30,
      right: 10,
      left: 30,
      bottom: 50
    },
    color: ['#fca400'],
    tooltip: {
      trigger: 'axis',
    },
    xAxis: {
      type: 'category',
      data: xData,
      // [{
      //   value: 0,
      //   textStyle: {
      //     color: '#4d4d4d'
      //   }
      // }, {
      //   value: 50,
      //   textStyle: {
      //     color: '#4d4d4d'
      //   }
      // }, {
      //   value: 150,
      //   textStyle: {
      //     color: '#4d4d4d'
      //   }
      // }, {
      //   value: 250,
      //   textStyle: {
      //     color: '#4d4d4d'
      //   }
      // }, {
      //   value: 350,
      //   textStyle: {
      //     color: '#4d4d4d'
      //   }
      // }, {
      //   value: 450,
      //   textStyle: {
      //     color: '#4d4d4d'
      //   }
      // }, {
      //   value: 550,
      //   textStyle: {
      //     color: '#4d4d4d'
      //   }
      // }, {
      //   value: 650,
      //   textStyle: {
      //     color: '#4d4d4d'
      //   }
      // }, {
      //   value: 750,
      //   textStyle: {
      //     color: '#4d4d4d'
      //   }
      // }
    // ],
    
      axisTick: {
        show: false
      },
      axisLabel: {
        interval: 0, 
        rotate: 55,
        fontSize: 8
      },
      axisLine: {
        show: false
      },
      splitLine: {
        lineStyle: {
          type: 'solid',
          color: '#ccc'
        }
      },
      boundaryGap: false
    },
    yAxis: {
      name: "(投档概率)",
      nameTextStyle: {
        padding: [0, 0, 0, 10],
      },
      type: 'value',
      axisLine: {
        show: true,
        lineStyle: {
          color: '#ccc',
        }
      },
      axisLabel: {
        color: "#000000", //坐标的字体颜色
        fontSize: 9,
      },
    },
    series: [{
      data:yData,
      // [
        // {
        //   value: 200,
        // }, {
        //   value: 260,
        // },
        // {
        //   value: 320,
        // }, {
        //   value: 380,
        // }, {
        //   value: 440,
        // }, {
        //   value: 380,
        //   symbol: 'circle',
        //   symbolSize: 8,
        //   itemStyle: {
        //     borderWidth: 1,
        //     borderColor: '#ffffff',
        //     color: '#82CD00'
        //   },
        // }, {
        //   value: 320,
        // }, {
        //   value: 260,
        // }, {
        //   value: 200,
        // },
      // ]
      type: 'line',
      label: false,
      lineStyle: {
        width: 4,
        color: '#fca400',
      },
      symbol: 'none',
      center: ['40%', '40%'],
      smooth: true,
    }, ]
  }
  chart.setOption(option);
}
const tabList1 = ['职业解读', '合理解读', '批次解读', '录取解读']
// const tabList2 = ['了解政策', '查阅招生章程', '理解投档录取规则', '注意事项']
const tabList2 = [ '理解投档录取规则', '注意事项']
Page({

  /**
   * 页面的初始数据
   */
  data: {
    currentRegion: {},
    chooseList: [],
    areaIndex:3,
    score: '',
    tabList: tabList1,
    currentIndex: 0,
    descIndex: 0,
    tabIndex: 0,
    time: time(),
    list: [{
        number: 356,
        color: '#82CD00',
        desc: '预估可填报'
      }, {
        number: 275,
        color: '#FF9100',
        desc: '录取率过低不推荐填报'
      },
      // {
      //   number: 898,
      //   color: '#FFD000',
      //   desc: '无数据谨慎填报'
      // }, 
      {
        number: 114,
        color: '#EC4724',
        desc: '分数性价比不推荐填报'
      }
    ],
    chaozhuanke: 0,
    chaobenke: 0,
    schoolList: [],
    
    predictList:[],
    jobList: [{
      bgImg: 'https://ehsimg.oss-cn-beijing.aliyuncs.com/images/static/volunteer/analyse_zhiye1_bg.png',
      // name: '分子科学与工程',
      // salaryAvgMin: 9364,
      // salaryAvgMax: 14790,
      // overAvg: 4376,
      // job: '涂料研发工程师'

    }, {
      bgImg: 'https://ehsimg.oss-cn-beijing.aliyuncs.com/images/static/volunteer/analyse_zhiye2_bg.png',
      // name: '金融数学',
      // salaryAvgMin: 9364,
      // salaryAvgMax: 14790,
      // overAvg: 4376,
      // job: '涂料研发工程师'
    }, {
      bgImg: 'https://ehsimg.oss-cn-beijing.aliyuncs.com/images/static/volunteer/analyse_zhiye3_bg.png',
      // name: '数据科学与大数据技术',
      // salaryAvgMin: 9364,
      // salaryAvgMax: 14790,
      // overAvg: 4376,
      // job: '大数据工程师、数据分析、标准化工程师'
    }],
    areaList: [
    //   {
    //   province: '福建省',
    //   percent: 86.5,
    //   color: '#82CD00'
    // }, {
    //   province: '广东省',
    //   percent: 30,
    //   color: '#A4BAFF'
    // }, {
    //   province: '北京市',
    //   percent: 10,
    //   color: '#F4BAAC'
    // }
  ],
    jobSchoolList: [
    //   {
    //   name: '厦门大学',
    //   progress1: 7756,
    //   percentage1: 100,
    //   salaryAvg: 11000,
    //   percentage2: 80,
    //   progress2: 5675,
    //   major: '金融管理专业',
    //   job: '大数据工程师、数据分析、需求工程师'


    // }, {
    //   name: '福州大学',
    //   progress1: 7756,
    //   percentage1: 90,
    //   percentage2: 70,
    //   progress2: 5675,
    //   major: '计算机科学与技术',
    //   salaryAvg: 9870,
    //   job: '大数据工程师、数据分析、需求工程师'


    // }, {
    //   name: '重庆大学',
    //   progress1: 7756,
    //   percentage1: 65,
    //   percentage2: 50,
    //   progress2: 5675,
    //   major: '养殖管理',
    //   salaryAvg: 7870,
    //   job: '大数据工程师、数据分析、标准化工程师'


    // }
  ],
    ellipsis:false,
    text1: '<div><span style="color:#fba300">您已选择XX个学校XX个专业</span>，结合往年数据及未来发展趋势分析，在您所有填报专业的就业去向中，<span style="color:#fba300">薪资的平均值为XXXX-XXXXX/年。</span></div>',
    text1_2: '',
    text1_3: '',
    text1_4: '',
    text1_5: '',
    text1_6: '',
    text2: '<div>目前填报的本科批（物理/生物/地理）院校专业组志愿数量<span style="color:#fba300">1643个</span>，我的分数在当前批次中预估可填报志愿数量是<span style="color:#fba300">356个</span>，其中有<span style="color:#fba300">275个志愿</span>由于录取概率极低不建议填报，有<span style="color:#fba300">898个志愿</span>由于分数性价比不推荐填报，有<span style="color:#fba300">114个志愿</span>无历年录取数据参照请谨慎填报。<div>',
    text3: '<div><p>我的2023届高考成绩为560分22192名，省排名区间21759-22192，同分数人数434，在已知省排名中超越了84.01%的考生。我的排名在2021年对应分数是566分，在2020年对应数是556分，在2019年对应分数是527分，那么在参考历史录取时看最低分排名会更加精准。</p>' +
      '<div style="height:10px"></div>' +
      '<p>院校专业组志愿设置：最多填报40个院校专业组，每个院校专业组最多填报6个专业，含1个是否服从调剂选项</p></div>',
    text4: '<div><p>批次分析：我的分数在当前批次中预估可填报数量为0个。其中0个志愿由于录取率极低不建议报，有1878个志愿由于分数性价比不推荐填报，有845个志愿无历年录取数据参照请谨慎填报。</p><div style="height:10px"></div><p>专业平行志愿设置：最多填报40个志愿</p></div>',
    text5: '<div>当考生在报考某院校专业组时，达到了院校专业组投档线，但没达到所报专业的专业录取线填写“不服从专业调剂”就意味着学校将会作<span style="color: #fba300;">退档处理，只能参与本次征集志愿或下一批次录取</span></div>' +
      '<div style="height:16px"></div>' +
      '<div>对待是否服从专业调剂，要统筹考虑。服从调剂可以尽量避免不退档，但也要做好<span style="color: #fba300;">被不喜欢专业录取的思想准备</span></div>' +
      '<div style="height:16px"></div>' +
      '<div>如果院校专业组内有不愿调剂的专业，且按本人分数很有可能被调剂的话，可以放弃该院校专业组，选择其他院校专业组填报</div>',
    text6: '<div style="color:#000000">一、患有下列疾病者，学校可以不予录取</div>' +
      '<div style="height: 16px;"></div>' +
      '<div>1、严重心脏病（先天性心脏病经手术治愈，或房室间隔缺损分流量少，动脉导管未闭返流血量少，经二级以上医院专科检查确定无需手术者除外）、心肌病、高血压病。</div>' +
      '<div style="height: 16px;"></div>' +
      '<div>2、重症支气管扩张、哮喘，恶性肿瘤、慢性肾炎、尿毒症。</div>' +
      '<div style="height: 16px;"></div>' +
      '<div>3、严重的血液、内分泌及代谢系统疾病、风湿性疾病。</div>' +
      '<div style="height: 16px;"></div>' +
      '<div>4、重症或难治性癫痫或其他神经系统疾病；严重精神病未治愈、精神活性物质滥用和依赖。</div>' +
      '<div style="height: 16px;"></div>' +
      ' <div>5、慢性肝炎病人并且肝功能不正常者（肝炎病原携带者但肝功能正常者除外）。</div>' +
      '<div style="height: 16px;"></div>' +
      '<div>6、结核病除下列情况外可以不予录取。</div>' +
      '<div style="height: 16px;"></div>' +
      '<div>（1）原发型肺结核、浸润性肺结核已硬结稳定；结核型胸膜炎已治愈或治愈后遗有胸膜肥厚者；</div>' +
      '<div style="height: 16px;"></div>' +
      '<div>（2）一切肺外结核（肾结核、骨结核、腹膜结核等）、血行性播散型肺结核治愈后一年以上未复发，经二级以上医院（或结核病防治所）专科检查无变化者；</div>' +
      '<div style="height: 16px;"></div>' +
      '<div>（3）淋巴腺结核已临床治愈无症状者。</div>',
    text7:'',
    ec: {
      lazyLoad: true,
    },
    ec2: {
      lazyLoad: true,
    },
    yearArr: ['2022', '2021', '2020', '2019'],
    articleList: [{
      title: '福建省高考志愿填报指南'
    }, {
      title: '教育部关于做好2022年普通高中'
    }],
    ruleList: [{
        icon: 'https://ehsimg.oss-cn-beijing.aliyuncs.com/images/static/ai/ai_icon2.png',
        title: '分数优先',
        desc: '<div>对于进档考生，根据考生高考成绩总分由高到低尽心拍讯，并依次按考生专业志愿录取，类似于<span style="color:#82cd00">平行志愿</span></div>'
      },
      {
        icon: 'https://ehsimg.oss-cn-beijing.aliyuncs.com/images/static/ai/ai_icon3.png',
        title: '专业志愿',
        desc: '<div>对于进档考生，优先满足于考生的第一专业志愿，若第一志愿不能录取，按其第二、第三及服从调剂等专业顺序择优录取，类似于<span style="color:#82cd00">顺序志愿</span></div>'
      },
      {
        icon: 'https://ehsimg.oss-cn-beijing.aliyuncs.com/images/static/ai/ai_icon4.png',
        title: '专业级差',
        desc: '<div>指在专业录取时考虑志愿优先，但是又设置了各个专业志愿间的分数差距。<span style="color:#82cd00">介于分数清与志愿清之间</span></div>'
      }
    ],
    total: 0,
    requireList: [{
      title: '选考要求',
      desc: '必须符合院校专业组的选考要求',
      statusTitle: '填报合理',
    }, {
      title: '填报数量',
      desc: '尽量按考试院志愿设置的数量填满，如不能填满要连续填写',
      statusTitle: '填报合理',
    }, {
      title: '填报顺序',
      desc: '尽量按录取概率从低到高排序',
      statusTitle: '填报合理',
    }, {
      title: '填报策略',
      desc: '院校专业组之间要有梯度',
      status: true,
    }, {
      title: '防止掉档策略',
      desc: '在可保底梯队中填报至少一个招生人数相对较多的院校专业组',
      statusTitle: '填报合理',
    }, {
      title: '防止退档策略',
      desc: '尽量服从专业调剂',
      statusTitle: '填报合理',
    }, ],
    tableData: [{
      reason: '总分偏低',
      desc: '极少出现'
    }, {
      reason: '相关科目成绩低',
      desc: '了解院校招生章程中对相关科目成绩的特殊要求'
    }, {
      reason: '身体条件首先',
      desc: '严格对照《高校招生体检工作指导意见》和院校招生章程，避开录取受限的专业'
    }, {
      reason: '专业不服从调剂',
      desc: '最常出现的退档远影，尽量服从专业调剂'
    }],
    columns: [{
        label: '被退档理由',
        prop: 'reason',
        fontSize: '',
        width: 250,
        align: 'center',
        color: '#808080'
      },
      {
        label: '注意事项',
        prop: 'desc',
        fontSize: '',
        width: 400,
        align: 'center',
        color: '#808080'
      }
    ],
    setting: {
      theadBgColor: '#ffffff',
      theadFontWeight: 'normal'
    },
    mode: 'major',
    years: wx.getStorageSync('year'),
    recruimentList: ['高校全称、校址（分校、校区）、学费标准；', '专业培养对外语语种的要求；', '性别、民族等要求；', '身体健康状况要求；', '相关科目成绩或加试要求；', '对优惠加分及投档成绩相同考生的处理；', '进档考生的专业安排方法；', '颁发学历证书的学校名称及证书种类。']
  },

  onLoad(options) {
    if (options.params) {
      var params = JSON.parse(decodeURIComponent(options.params))
      params.secondSelectChar = params.secondSelect.replaceAll(',', '/')
      this.setData({
        ...params
      })
    }
    var {
      // jobList,
      areaList,
      jobSchoolList
    } = this.data
    // jobList = jobList.map((item) => {
    //   item['percentage'] = parseInt(item.salaryAvgMin / (item.salaryAvgMin + item.overAvg) * 100)
    //   item['node'] = '<div><span style="color:#fba300">' + item.name + '</span>毕业后您可能从事有<span style="color:#fba300">' + item.job + '</span>，这些职业的平均薪资为<span style="color:#Fba300">' + item.salaryAvgMin + '-' + item.salaryAvgMax + '（月薪）</span>，比您所填报所有专业均值薪资高出<span style="color:#fba300">' + item.overAvg + '（月薪）</span>，薪资上有较大的优势；</div>'
    //   return item
    // })
    // jobSchoolList = jobSchoolList.map((item) => {
    //   item['node'] = '<div>在' + item.name + '中<span style="color:#fba300">最有可能被录取的专业是' + item.major + '</span>，这个专业在' + item.name + '中是较好的专业，<span style="color:#fba300">该专业平均薪资有' + item.salaryAvg + '，就业方向有' + item.job + '</span>具有较好的发展前景；</div>'
    //   return item
    // })
    // var maxItem = areaList.sort(function (a, b) {
    //   return (b.percent - a.percent)
    // })[0]
    // var total = maxItem.percent
    // areaList = areaList.map((item) => {
    //   item['percentage'] = parseInt(item.percent / total * 100)
    //   return item
    // })
    this.setData({
      // jobList,
      // areaList,
      // jobSchoolList
    })
    this.getAnalyse()
  },
  getAnalyse() {
    const {
      tabIndex,
      currentIndex
    } = this.data
    if (tabIndex == 0) {
      if(currentIndex==0){
        this.analyseEmployment()
        return
      }
      if (currentIndex == 1) {
        this.analyseRational()
        return
      }
      if (currentIndex == 2) {
        this.analyseBatch()
        return
      }
      if (currentIndex == 3) {
        this.analyseRecruit()
        return
      }
    }
  },
  // 批次解读
  async analyseBatch() {
    const {
      id,
      list,
      secondSelectChar,
      firstSelect,
      total,
      useBatch
    } = this.data
    if (total) return
    const {
      result
    } = await analyseBatch(id)
    list[0].number = result.yugu
    list[1].number = result.guodi
    // list[2].number = ''
    list[2].number = result.guogao
    const text2 = `<div>目前填报的${useBatch} (${firstSelect?firstSelect+'/':''}${secondSelectChar}) 院校专业组志愿数量<span style="color:#fba300">${result.zong}个</span>，我的分数在当前批次中预估可填报志愿数量是<span style="color:#fba300">${result.yugu}个</span>，其中有<span style="color:#fba300">${result.guodi}个志愿</span>由于录取概率极低不建议填报，有<span style="color:#fba300">${result.guogao}个志愿</span>由于分数性价比不推荐填报。<div>`
    this.setData({
      ...result,
      list,
      text2,
      total: parseInt(result.guogao + result.guodi + result.yugu)
    })
  },
  ellipsis(){
     this.setData({
       ellipsis:!this.data.ellipsis
     })
  },
  // 录取解读
  async analyseRecruit() {
    const {
      id,
      // schoolList
    } = this.data
    let schoolList=[]
    const {
      result
    } = await analyseRecruit(id)
    const {map,volunteerFilings}=result
    Object.keys(map).map(e => {
     if(map[e].length>0){
      let obj = {
        active: map[e][0].active,
        rate: parseInt(Math.round(map[e][0].matchRate * 100)),
        dataSource: map[e],
        schoolName: e.split('-')[0],
        group: e.split('-')[1],
      }
      schoolList.push(obj)
     }
    })
    this.setData({
      schoolList,
      volunteerFilings
    })
    this.initChart('#mychart-line2')
  },

  // order(arr) {
  //   if (!Array.isArray(arr)) return
  //   arr.sort(function (a, b) {
  //     return a.rate - b.rate
  //   })
  //   const bastList = arr.map(e => {
  //     return {
  //       title: e.replace(/[0-9]/ig, ""),
  //       number: e.replace(/[^\d]/g, "")
  //     }
  //   })
  //   this.setData({
  //     bastList
  //   })

  // },
  // 职业解读
  async analyseEmployment(){
    let {
      id,
      text1,
      jobList,
      text1_2,
      text1_6,
      text1_3,
      // jobSchoolList,
      schoolCount
    } = this.data
    if(schoolCount)return

    
    const {
      result
    } = await analyseEmployment(id)
    let {
      specialSalaryAvg,
      specialCount,
      predictList,
      prospectMap,
      jobCityMap,
      regionMap,
      specialBestCity
    }=result
    schoolCount=result.schoolCount
    const titleList=[]
    specialSalaryAvg=parseInt(specialSalaryAvg)
    text1=`<div><span style="color:#fba300">您已选择${schoolCount || 0}个学校${specialCount || 0}个专业</span>，结合往年数据及未来发展趋势分析，在您所有填报专业的就业去向中，<span style="color:#fba300">薪资的平均值为${specialSalaryAvg || '--'}/月。</span></div>`,
     predictList.map((item,i) => {
      item.bgImg=jobList[i].bgImg
      item.minSalaryAvg=parseInt(item.minSalaryAvg)
      item.maxSalaryAvg=parseInt(item.maxSalaryAvg)
      item.passSalaryAvg=parseInt(Math.abs(item.passSalaryAvg))
      item['percentage'] = parseInt(item.minSalaryAvg / (item.maxSalaryAvg + item.passSalaryAvg) * 100)
      titleList.push(item.specialName)
      item.positionName=item.positionName.toString()
      item['node'] = '<div><span style="color:#fba300">' + item.specialName + '</span>毕业后您可能从事有<span style="color:#fba300">' + item.positionName + '</span>，这些职业的平均薪资为<span style="color:#Fba300">' + item.minSalaryAvg + '-' + item.maxSalaryAvg + '（月薪）</span>，比您所填报所有专业均值薪资高出<span style="color:#fba300">' + item.passSalaryAvg + '（月薪）</span>，薪资上有较大的优势；</div>'
      return item
    })
    const arry=[]
   let jobSchoolList=Object.values(prospectMap).map((item) => {
    item.positionName=item.positionName.toString()
     arry.push(item.schoolName)
      item['node'] = '<div>在' +item.schoolName + '中<span style="color:#fba300">最有可能被录取的专业是' + item.specialName + '</span>，这个专业在' + item.schoolName + '中是较好的专业，<span style="color:#fba300">该专业平均薪资有' + item.salaryAvg + '，就业方向有' + item.positionName + '</span>具有较好的发展前景；</div>'
      return item
    })
    const maxList=[]
    jobSchoolList.map(e=>{
      maxList.push(e.maxSalaryAvg)
      maxList.push(e.salaryAvg)
    })
    var maxItems =Math.max(...maxList)
    jobSchoolList.map(item=>{
     item['percentage1'] =  parseInt(item.maxSalaryAvg / maxItems * 100)
     item['percentage2'] =  parseInt(item.salaryAvg / maxItems * 100)
    })
    text1_6=arry.length>0?`<div>您所填报的${schoolCount}个学校${specialCount}个专业中，比较有可能被录取的学校有<span style="color:#fba300">${arry.toString()}</span></div>`:''
    text1_2=`<div>在您所填报的专业中，就业前景较好，有较大的发展潜力有${titleList.toString()}。</div>`
    const textList1_4=[]
    jobCityMap=Object.keys(jobCityMap).map(i=>{
      textList1_4.push(
        `<div>如果<span style="color:#fba300">选报${i}</span>建议去<span style="color:#fba300">${jobCityMap[i]}就业及发展</span>，对您未来的职业发展更有帮助。</div>`
      )
      return  {
        name:i,
        city:jobCityMap[i]
      }
    }) 
    const colorAry=['#82CD00','#A4BAFF','#F4BAAC']
    var list = Object.keys(regionMap).map(i=>{
       return {
         province:i,
         percent:parseInt(regionMap[i]),
       }
    })
    var maxItem = list.sort(function (a, b) {
      return (b.percent - a.percent)
    })[0]
    const newAry=list.map(e=>{
      return e.percent
    })
    var total1 = newAry.reduce((prev,curr)=>prev+curr)
    var total =maxItem.percent
    text1_3=jobCityMap.length>0? `<div>您所选的学校多数位于${maxItem.province}地区，其中从专业发展来看的话是${specialBestCity}发展前景最好，如果选报${jobCityMap[0].name}建议去${jobCityMap[0].city}就业及发展，对您未来的职业发展更有帮助。</div>`:''
 
   const  areaList = list.map((item,i) => {
      item.color= colorAry[i%3]
      item['percentage'] = parseInt(item.percent / total * 100)
      item['percent'] = (item.percent / total1 * 100).toFixed(1)
      return item
    })
    this.setData({
      areaList,
      text1_3,
      jobCityMap,
      text1,
      schoolCount,
      specialCount,
      predictList,
      specialSalaryAvg,
      text1_2,
      textList1_4,
      text1_6,
      jobSchoolList
    })
  },
  // 合理解读
  async analyseRational() {
    const {
      id,
      requireList,
      orderStatus
    } = this.data
    const {
      result
    } = await analyseRational(id)
    const list = []
    requireList.map(e => {
      if (result[e.title]) {
        list.push({
          title: e.title,
          desc: e.desc,
          statusTitle: result[e.title]
          // statusTitle: e.title=='填报顺序'?(orderStatus?'填报合理':'建议优化'):result[e.title]
        })
      }
    })
    this.setData({
      rationalList: list
    })
  },
  onShow() {},

  changeIndex(e) {
    const {
      index,
      type
    } = e.currentTarget.dataset
    var {
      tabList,
      currentIndex
    } = this.data
    if (type == 'tabIndex') {
      if (index == 0) {
        tabList = tabList1
      } else {
        tabList = tabList2
      }
    }

    this.setData({
      [type]: parseInt(index),
      tabList
    })
    if (type == 'currentIndex' && index != currentIndex) {
      this.getAnalyse()
    }
    // if (type == 'currentIndex' && index == 3) {
    //   this.initChart('#mychart-line2')
    // }
  },
  updateCharts(e) {
    this.setData({
      year: e.currentTarget.dataset.value
    })
    this.initChart('#mychart-line')
  },
  initChart(canvasId) {
    this.lineComponent = this.selectComponent(canvasId);
    this.lineComponent.init((canvas, width, height, dpr) => {
      const chart = echarts.init(canvas, null, {
        width: width,
        height: height,
        devicePixelRatio: dpr,
      });
      let {volunteerFilings,text7}=this.data
      if(!volunteerFilings)return
      let yData=volunteerFilings.map(item=>{
          return item.filingRate
      })
      // let maxNum = Math.max(...yData);
      // let maxIndex = [yData.indexOf(maxNum)];
      // volunteerFilings=[...volunteerFilings,{
      //   filingRate:yData[maxIndex]+1,
      //   schoolName:''}
      // ]
      // yData.splice(maxIndex,0,yData[maxIndex]+1)
      let xData=volunteerFilings.map(item=>{
        return item.schoolName
      })
      // xData.splice(maxIndex,0,'')
      const newAry=[...volunteerFilings]
      newAry.sort((a,b)=>{
        return b.filingRate-a.filingRate
      })
      const list=newAry.slice(0,2).map(item=>{
        return item.schoolName
      })
      const bastList=[]
      list.forEach(item => {
        let index = [xData.indexOf(item)];
        bastList.push( {
          title: item.replace(/[0-9]/ig, ""),
          number: item.replace(/[^\d]/g, "")
        })
        yData[index] ={value: yData[index], symbol: 'circle',
          symbolSize: 8,
          itemStyle: {
            borderWidth: 1,
            borderColor: '#ffffff',
            color: '#82CD00'
          }, };
      });
      text7=list.length>0?`<div>从目前填报情况来看<span style="color:#fba300">${list.length>1?`${list[0]}</span>或者<span style="color:#fba300">${list[1]}`:list[0]}</span>，最有机会被投档。</div>`:''
        this.setData({
          bastList,
          text7
        })
      setOption(chart,xData,yData);
      this.chart = chart;
      return chart;
    });
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
    return {
      title: '德道升学',
      path: '/pages/volunteer/index/index?scene=' + wx.getStorageSync('userInfo').id,
      imageUrl: 'https://ehsimg.oss-cn-beijing.aliyuncs.com/images/static/users/shareImg.jpg'
    }
  },


})